<template>
  <div>
    <iframe :src="fuxaUrl" width="1280px" height="960px" frameborder="0"></iframe>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fuxaUrl: this.getFuxaUrl(),
    };
  },
  methods: {
    getFuxaUrl() {
      // 从本地存储或 Vuex 获取配置的 IP 地址
      const storedIp = localStorage.getItem('fuxaIp') || 'http://192.168.0.200:1881';
      return `${storedIp}/#/`;
    },
    updateFuxaUrl(newIp) {
      this.fuxaUrl = `${newIp}/#/`;
      localStorage.setItem('fuxaIp', newIp);
    },
  },
};
</script>

<style scoped>
iframe {
  border: none;
  width: 100%;
  height: 960px; /* 可以根据需求调整高度 */
}
</style>